草庐IT

2D 地图绘制

全部标签

javascript - 将谷歌地图 Logo 移至底部自定义界面上方。 JavaScript

我想在谷歌地图底部显示一些半透明界面,因此我需要在不违反服务条款的情况下移动谷歌Logo。在googleandroid文档中,我看到setPadding()只是为了这个目的,但我找不到任何类似的webjavascriptgooglemapsAPI。那么我该如何实现呢?不重复:thisquestion是关于将Logo移出map的范围。为了将它移动到map中,AndroidAPI中已经有一些方法,所以我想知道在JS中执行此操作的方法是什么。如果有的话。更新:好吧,看来我还不够清楚。在androidAPI中,有一种官方方法可以更改Logo的位置。引用这个officialdocs根据Googl

javascript - d3.js 可见区域计算或如何绘制地理矩形

我想弄清楚如何正确计算可见区并使用d3.geo投影绘制它。在我的例子中,可见区域是光学相机平截头体现在,我有两个图,都代表视点的方位Angular和仰Angular,一个是日经投影(根据wiki)://thismagicnumberisexperimentallyfound//pixelsinonedegreeingnomonicprojectionchartwithscale1500varpx=26.8;下面的宽度和高度是光学相机视角,以方位Angular和仰Angular轴的度数表示varw=px*viewport.width;varh=px*viewport.height;d3.

javascript - IE6 在使用 excanvas 绘制图像时尝试安装缺少的 office 组件

我有一个使用excanvas绘制一些图像的页面。在IE6中测试新页面时,一台计算机尝试打开Office2000并安装缺少的组件。如果取消office2000安装,则会出现vml图像。这个问题只发生在我的一台测试机器上,但它仍然让我担心。有人在使用IE6和excanvas之前遇到过这个问题吗? 最佳答案 首先:以我的OSX/Linux背景,我根本不是IE6专家!:)也就是说:它看起来像一个MIME-Type对我来说是个问题。有没有办法将MIME类型关联到IE6中的应用程序?如果是,请比较两个IE6设置的设置并查找差异。

javascript - 带地理定位的谷歌地图距离计算器

我有一个小型网络应用程序,可以计算Googlemap上两点之间的距离。我希望它在加载应用程序时将用户置于其当前位置。我尝试过不同的地理定位方法,但没有任何运气。最好的办法是让它计算与用户位置的距离。但是,仅在网络应用程序中拥有用户位置对我来说就足够了。vardirectionDisplay;varmap;functioninitialize(){directionsDisplay=newgoogle.maps.DirectionsRenderer();varcopenhagen=newgoogle.maps.LatLng(55.6771,12.5704);varmyOptions={z

javascript - D3 绘制数据集的选择性部分

我有一个大型时间序列数据集需要绘制图表,我正在尝试使用D3来完成它。我计划让我的图形的x轴为时间,并允许图形在x方向上移动。我想让图表只加载/显示屏幕上当前时间范围内存在的点。例如,如果我的数据集有1-100次,但图形以显示的时间1-10开始,则图形应该只绘制1-10点。然后用户可能会向右移动并查看时间5-15,图表应相应更新。任何人都可以向我解释如何通过d3完成此操作吗?我很难理解从一次加载并立即绘制整个数据集到选择性地绘制数据子集。 最佳答案 我认为您正在寻找selection.filter()功能。例如你可以有:varallN

javascript - CSS 谷歌地图自定义信息窗口

我一直在使用来自http://gmaps-samples-v3.googlecode.com/svn/trunk/infowindow_custom/infowindow-custom.html的代码,这是目前谷歌关于如何在MapsAPIv3中创建自定义InfoWindow的最佳示例。我一直在研究它,到目前为止我已经接近工作了,除了一件事,它是div容器,文本内容不会扩展以适应内容,所以它只是掉落而不是扩大气泡。如果我给内容容器一个固定的像素宽度,它可以正常工作,但我无法根据其中的文本量来扩展它。我已经在这个问题上停留了一段时间。任何帮助将不胜感激!这是HTML页面Gayborhood

javascript 从缓冲区将图像绘制到 html (nodejs/socket.io)

(对不起我的英语)嗨,我有一个用nodejs创建的应用程序,用于将图像数据推送到网页中。使用socket.io将nodejs服务器的数据推送到网页此数据为完整图像,我尝试写入光盘以查看图像并且很好。数据被放入缓冲区以base64编码然后发送到网页,我尝试使用'data:image/png;base64,'+数据但什么也没发生……数据似乎是“完整的”,包括PNG图像的标题。服务器使用thrift与另一个客户端(在C++中)通信,该客户端创建图像并发送到nodejs-thrift服务器,当接收到图像时,nodejs-socket.io服务器推送到网页。一些代码:服务器端varhttp=re

javascript - 谷歌地图 - 特定日期和时间的 map

请在投反对票之前考虑这个问题,因为我无法概念化更好的提问方式或地点:我已经对谷歌地图进行了充分的试验,以了解整体结构。发出请求、创建自定义标志等。这一切都非常简单,而且与jCharts库非常相似。现在,谷歌显然有一些不可用的东西:过去某个日期的map。我不需要每天进行完整的迭代,但即使每6个月左右也是巨大的。这可能吗?还有其他人对此进行过实验吗?是在本地保存结果并重新发明谷歌地图轮的唯一选择吗?非常感谢 最佳答案 Google地球具有此功能:http://www.google.com/earth/explore/showcase/h

javascript - 通过在它们周围徒手绘制来选择 SVG 元素

我正在做一个项目,我想在一些SVG元素周围画一条线,以便选择区域内的对象。这是我现在的截图。我已经使用Paint添加了线条,以便完全清楚我想要实现的目标。我想选择绘制的圆圈内的两个rect。我看到了一些必须解决的步骤:在mousedown处创建一个path元素并记录鼠标移动直到mouseup关闭路径,以防用户没有画圆查找完全或部分在圆圈内的svg元素您看到了哪些方法,您对如何着手有什么建议吗?我正在使用D3.js.这slide(作者MikeBostock,D3的创建者)可能值得一看。 最佳答案 我会执行以下步骤:获取手绘形式的aab

javascript - 谷歌地图 v3 : Any way to force a high maximum Zoom Level (maxZoom 24)?

我们正在开展一个考古测绘项目,我们在该项目中对数百张手绘map进行了地理配准。这些都可以在非常高的缩放级别下查看,这在Googlemap中转换为缩放级别22、23和24。但是,默认情况下,google-maps类型Map只能达到zoom级别21。我尝试了几种方法来强制将最大缩放级别提高到24,但这里建议的几种方法已被证明是笨拙且不一致的(例如,强制用户切换到卫星然后返回map以获取它可以工作)。有人知道如何有效地执行24的maxZoom吗? 最佳答案 GoogleMapsAPI有一个名为numZoomLevels的属性。您需要使用适